<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage" %>
<%@ Import Namespace="EditRegion.MVC"%>

<asp:Content ID="indexTitle" ContentPlaceHolderID="TitleContent" runat="server">
    Using jwysiwyg - WYSIWYG jQuery Plugin
</asp:Content>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContentPlaceHolder" runat="server">
  <link rel="stylesheet" href="../../Content/jquery.wysiwyg.css" type="text/css" />
  <link rel="stylesheet" href="../../Content/examples.css" type="text/css" />
  <script type="text/javascript" src="./../Scripts/jquery.wysiwyg.js"></script>
  
  <script type="text/javascript">
      $(function() {
        $('#EditRegionSample2').wysiwyg();
      });
  </script>  
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">
    <h2>Using jwysiwyg - WYSIWYG jQuery Plugin</h2>
    <p><a href="http://code.google.com/p/jwysiwyg/">jwysiwyg</a> is an inline content editor to allow editing rich HTML content on the fly.  It basically
    converts a simple textarea into a wysiwyg editor. There is no difference to server side code as
    all this happens on the client side. View source to see the jquery magic.</p>
    <p>Alternatively any plugin which converts a simple html text area into rich text editor can be used.</p>
    <h3>Code</h3>
    <p>
        &lt%= Html.EditRegion(\"EditRegionSample2\").EditableForUser(\"Administrator\").DoNotEncode() %&gt
    </p>
    <h3>Sample</h3>
    <% Html.RenderPartial("AuthorizationSuggestion"); %>
    <p>
        <%= Html.EditRegion("EditRegionSample2").EditableForUser("Administrator").DoNotEncode()  %>
    </p>
</asp:Content>

